<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="demo">ttt <em class="testc"  style="color: yellow;">this is em</em> <em>this is em</em></div>
		<em>this is em</em> <em class="testc" style="color: red;">this is em</em>
	    <script type="text/javascript" src="../js/jquery-x3.0.js"></script>
	    <img src="http://www.google.com.hk/s/1.png" alt="">
	    <!-- // <script type="text/javascript" src="../js/jquery1.7.2.js"></script> -->
		<script type="text/javascript">
			// function demo() {}
			// console.log('*******************');
			// console.log($.isFunction(demo));
			// console.log($('#demo').get(0));
			
			// test $('<div />')
			/*var div = $('<div />');
			for ( var i in div ) {
				console.log(i);
			}*/
			// console.log(div);
			// console.log($('#demo').find('em'));
			// $('#demo').find('em').each(function (index, elem) {
			// 	console.log(index, elem);
			// });
			var handle = function (et, data) {
				// console.log(et.data);
				console.log(data);
				// console.log(this, et, data);
				// $(this).off('click', 'em', handle);
				// document.querySelector('#demo').removeEventListener('click', handle, false);
			};
			/*$('#demo').on('click', 'em', {e: 'ok'}, function (et) {
				console.log(et.data);
			});*/
			/*$('#demo').on({
				mouseover: handle
			}, {e: 'mouseover'});
			$('#demo').on({
				click: handle
			}, {e: 'click'});*/
			// $('#demo').on('click', 'em', handle);
			// 
			// document.querySelector('#demo').addEventListener('click', handle, false);
			// 
			// $('#demo').on('click', 'em', {e: 'ok'}, handle);
			// $('#demo').on('click', 'em', {e: 'no'}, handle);
			// $('#demo').one('click', 'em', {e: 'ok'}, handle);
			// console.log($('<div />'));
			//
			/* 
			$('#demo').on('click',{'is': 'yes'}, function (event) {
				console.log(event.data);
			}).trigger('oks', {'is': 'yes'});*/

			window.addEventListener('load', function () {
				console.log('load');
			}, false);
			$(function () {
				console.log('ok');
			});

		</script>
	</body>
</html>
